/* --------------------------------------------------- ABM DIVISIONES----------------------------------------------------------------*/
$(document).ready(function(){
	var oTable1 = $('#sample-table-2').dataTable({
		//Permite o no guardar el numero de pagina que estaba seleccionada mediante una cookie y al recargar no se pierde la seleccion
		"bStateSave":true,
		//Permite poner los elementos del combo para cambiar la cantidad de filas a visualizar
		"aLengthMenu": [[30, 10, 25, -1], [30, 10, 25, "Todos"]],
		//Cantidad de filas de la tabla por pagina
		"iDisplayLength":30,
		//Ordena las filas por el valor de la columna n de forma ascendente o descendente. La columna inicial es la 0
		"aaSorting": [[ 1, "asc" ]],
		//Para que los mensajes se muestren en español
		"oLanguage": {
			"sProcessing":   "Procesando...",
			"sLengthMenu":   "Mostrar _MENU_ registros",
			"sZeroRecords":  "No se encontraron resultados",
			"sInfo":         "Mostrando desde _START_ hasta _END_ de _TOTAL_ registros",
			"sInfoEmpty":    "Mostrando desde 0 hasta 0 de 0 registros",
			"sInfoFiltered": "(filtrado de _MAX_ registros en total)",
			"sInfoPostFix":  "",
			"sSearch":       "Buscar:",
			"sUrl":          "",
			"oPaginate": {
				"sFirst":    "Primero",
				"sPrevious": "Anterior",
				"sNext":     "Siguiente",
				"sLast":     "&Uacute;ltimo"
			}
		},
		
		"aoColumns": [
		  { "bSortable": false }, { "bSortable": true }, { "bSortable": true }, { "bSortable": true },  { "bSortable": false }, { "bSortable": true }, { "bSortable": true },
		  { "bSortable": true }
		]
	});
	
	$('table th input:checkbox').on('click' , function(){
		var that = this;
		$(this).closest('table').find('tr > td:first-child input:checkbox')
		.each(function(){
			this.checked = that.checked;
			$(this).closest('tr').toggleClass('selected');
		});
	});
});

//*Este metodo se llama cuando en el metodo consultar registros se cambia la seleccion en el filtro*/
function filtrarDivisiones(tipo, url){
	var cicloLectivo = document.getElementById("cicloLectivo");
	var turno = document.getElementById("turno");
	var curso = document.getElementById("curso");
	
	if(tipo == 1 || tipo == 2){
		curso.value = 0;
	}
	
	window.location = url + "/" + cicloLectivo.value + "/" + turno.value + "/" + curso.value + ".html";
}

/*Este metodo se llama cuando en el metodo consultar cursos se aprieta el boton eliminar de cada registro*/
function eliminarDivision(url, nombre){
	var resp = confirm("Realmente desea eliminar a la divisi\u00f3n: '"+nombre+"'?");
	if(resp == true){
		$("#cuerpo").load(url, function(){});
	}
}

//Este metodo se llama para filtrar los cursos en la pantalla crear division cuando se cambia la seleccion del ciclo lectivo o turno
function filtrarCursos(url){
	var cicloLectivo = document.getElementById("cicloLectivo");
	$("#curso").load(url + "/" + cicloLectivo.value + "/0");
}

//Este metodo se llama cuando se tiene que limpiar el formulario
function limpiarCampos(){
	var curso = document.getElementById("curso");
	var orden = document.getElementById("orden");
	var nombre = document.getElementById("nombre");
	var espacioEscolar = document.getElementById("espacioEscolar");
	var colorpicker1 = document.getElementById("colorpicker1");
	var colorpicker2 = document.getElementById("colorpicker2");
	var descripcion = document.getElementById("descripcion");
	var estado = document.getElementById("estado");
	
	//Inicializamos todos campos a vacios.		
	//$('#cliente').val('0');
	orden.value = "";
	nombre.value = "";
	espacioEscolar.value = "0";
	
	$('#colorpicker1').colorpicker('setValue',"#ffffff");
	$('#colorpicker2').colorpicker('setValue',"#000000");
	
	$("#colorEjemplo").css("background","#FFFFFF");
	$("#colorEjemplo").css("color","#000000");	
	
	descripcion.value = "";
	estado.value = "1";
	
	//Si habia algun campo marcado como incompleto lo ponemos a la normalidad	
	$("#campoCurso").removeClass("has-error");
	$("#campoOrden").removeClass("has-error");
	$("#campoNombre").removeClass("has-error");
	
	//Le damos el foco al primer campo a completar
	$("#cicloLectivo").focus();
}

//Este metodo se llama cuando se tiene que crear un division nueva
function crearDivision(){
	var curso = document.getElementById("curso");
	var orden = document.getElementById("orden");	
	var nombre = document.getElementById("nombre");
	var espacioEscolar = document.getElementById("espacioEscolar");
	var colorpicker1 = document.getElementById("colorpicker1");
	var colorpicker2 = document.getElementById("colorpicker2");
	var descripcion = document.getElementById("descripcion");
	var estado = document.getElementById("estado");
	
	if(curso.value!="0" && orden.value!="" && nombre.value!=""){
		//Enviamos el formulario al servidor para que se procese la transaccion
		var formulario = document.getElementById("formDivision");
		formulario.submit();
		
		//Inicializamos todos campos a vacios.
		orden.value = parseInt(orden.value) + 1;
		nombre.value = "";
		espacioEscolar.value = "0";
		
		$('#colorpicker1').colorpicker('setValue',"#ffffff");
		$('#colorpicker2').colorpicker('setValue',"#000000");
		
		$("#colorEjemplo").css("background","#FFFFFF");
		$("#colorEjemplo").css("color","#000000");
		
		descripcion.value = "";
		estado.value = "1";
		
		//Si habia algun campo marcado como incompleto lo ponemos a la normalidad		
		$("#campoCurso").removeClass("has-error");
		$("#campoOrden").removeClass("has-error");
		$("#campoNombre").removeClass("has-error");		
		
		//Le damos el foco al primer campo a completar
		$("#cicloLectivo").focus();
	}else{
		alert("Por favor, ingrese todos los datos de la divisi\u00f3n que desea crear.");
		
		//Marcamos todos los campos imcompletos para que sea mas facil de visualizar.
		if(curso.value == "0") $("#campoCurso").addClass("has-error"); else $("#campoCurso").removeClass("has-error");
		if(orden.value == "") $("#campoOrden").addClass("has-error"); else $("#campoOrden").removeClass("has-error");
		if(nombre.value == "") $("#campoNombre").addClass("has-error"); else $("#campoNombre").removeClass("has-error");
	}
}

//Este metodo se llama cuando se tiene que modificar una division
function modificarDivision(){
	var curso = document.getElementById("curso");
	var orden = document.getElementById("orden");	
	var nombre = document.getElementById("nombre");	
	var colorpicker1 = document.getElementById("colorpicker1");
	var colorpicker2 = document.getElementById("colorpicker2");
	var descripcion = document.getElementById("descripcion");
	var estado = document.getElementById("estado");
	
	if(curso.value!="0" && orden.value!="" && nombre.value!=""){
		//Enviamos el formulario al servidor para que se procese la transaccion
		var formulario = document.getElementById("formDivision");
		formulario.submit();
		
		//Si habia algun campo marcado como incompleto lo ponemos a la normalidad		
		$("#campoCurso").removeClass("has-error");
		$("#campoOrden").removeClass("has-error");
		$("#campoNombre").removeClass("has-error");		
		
		//Le damos el foco al primer campo a completar
		$("#cicloLectivo").focus();
	}else{
		alert("Por favor, ingrese todos los datos de la divisi\u00f3n que desea modificar.");
		
		//Marcamos todos los campos imcompletos para que sea mas facil de visualizar.
		if(curso.value == "0") $("#campoCurso").addClass("has-error"); else $("#campoCurso").removeClass("has-error");
		if(orden.value == "") $("#campoOrden").addClass("has-error"); else $("#campoOrden").removeClass("has-error");
		if(nombre.value == "") $("#campoNombre").addClass("has-error"); else $("#campoNombre").removeClass("has-error");
	}
}
